﻿
@{
    ViewData["Title"] = "文书案卷目录";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Head{
    <style>
        html {
            background: #f3f3f4;
        }

        .layui-card-header {
            font-weight: bold;
        }

        .layui-btn-container {
            margin: 0 !important;
        }

        .layui-btn-container input {
            height: 30px;
            display: inline-block;
            font-size: 12px;
        }

        .layui-btn-container input:focus {
            border-color: #1ab394 !important;
        }

        .layui-form-select {
            width: 100px;
            font-size: 12px;
            display: inline-block;
        }

        .layui-anim-upbit dd {
            font-size: 12px;
        }

        .layui-form {
            display: inline-block;
        }

        .layui-form-item {
            margin-bottom: 0;
        }
    </style>
}

    <div id="dMain" style="padding:10px;">
        <div class="wrapper-content">
            <div class="layui-card">
                <div class="layui-card-header">文书案卷目录</div>
                <div class="layui-card-body">
                    <table id="tabData" lay-filter="demo"></table>
                </div>
            </div>
        </div>
    </div>


    <script>
        window.onload = function () {
            layui.use('table', function () {
                var table = layui.table;

                table.render({
                    elem: '#tabData',
                    toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
                    height: 590,
                    page: true,
                    limit: 30,
                    limits: [30, 40, 50],
                    loading: true,
                    cols: [
                        [ //表头
                            {
                                type: 'checkbox'
                            }, {
                                field: 'FRef',
                                title: '卷号',
                                width: 100,
                                align: "center",
                                sort: true
                            }, {
                                field: 'Title',
                                title: '题名',
                            }, {
                                field: 'FYear',
                                title: '年度',
                                width: 100,
                                sort: true,
                                align: "center"
                            }, {
                                field: 'DirCount',
                                title: '件数',
                                width: 100,
                                align: "center",
                                sort: true
                            }, {
                                field: 'PageCount',
                                title: '页数',
                                width: 100,
                                align: "center",
                                sort: true,
                            }, {
                                field: 'FTerm',
                                title: '保管期限',
                                width: 100,
                                align: "center",
                                sort: true
                            }, {
                                field: 'MLevel',
                                title: '备注',
                                width: 120,
                                align: "center",
                                sort: true
                            }
                        ]
                    ],
                    data: [{
                        "FRef": "0001",
                        "Title": "湖北省人民检察署关于检察工作计划、总结和建立机构的批复、报告以及对人代会政法提案的执行情况",
                        "FYear": "1951",
                        "DirCount": "9",
                        "PageCount": "34",
                        "FTerm": "永久",
                        "MLevel": "机密"
                    }]
                });
            });

            layui.use('laydate', function () {
                var laydate = layui.laydate;

                //执行一个laydate实例
                laydate.render({
                    elem: '#starYear', //指定元素
                    type: 'year',
                    theme: 'molv',
                });

                laydate.render({
                    elem: '#endYear', //指定元素
                    type: 'year',
                    theme: 'molv',
                });
            });
        }
    </script>

    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <div>
                <input type="text" class="layui-input" id="starYear" placeholder="开始年度" style="width:85px;">
                <label style="font-size: 13px;color: #555;width: 15px;display: inline-block;text-align: center;">至</label>
                <input type="text" class="layui-input" id="endYear" placeholder="结束年度" style="width:85px;">

                <button class="layui-btn layui-btn-sm" lay-event="" style="margin-top: -3px;margin-right: 0;">快速检索</button>
                <button class="layui-btn layui-btn-sm" lay-event="" style="margin-top: -3px;margin-right: 0;">打印案卷目录</button>
                <button class="layui-btn layui-btn-sm" lay-event="" style="margin-top: -3px;margin-right: 0;">打印全引目录</button>
            </div>
        </div>
        <div class="layui-inline layui-inline-secate">
            <input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off" placeholder="搜索" data-type="reload">
        </div>
    </script>